/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video{margin:0;padding:0}
body{font:14px/1.8 Tahoma,Arial,sans-serif;color:#333;min-width:320px; background:#fff;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
em,i,s,b{font-style:normal;}
ol,ul{list-style: none;}
img{border:none;}
a,textarea,select,input{resize:none;outline:none; font-family:Tahoma,Arial,sans-serif;}
a{color:#444;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
a:hover {text-decoration:none;color:#7b97c7;}
::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa;} 
::-moz-placeholder {color:#aaa;} 
:-ms-input-placeholder {color:#aaa;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.wrap{width:1200px;margin:0 auto;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.pd10{padding: 10px 0;}
.pd20{padding: 20px 0;}
.box840{float: left;width:840px;}
.box300{float: right;width:300px;}
.bggray{background:#eef2f7;}
.fl{float:left;}
.fr{float:right;}
.red{color: #f00}

.pd10{padding: 10px;}

.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.br{border-right:1px dashed #dfdfdf;}
.mt20{margin-top:20px;}
.disn{display:none;}
.disb{display:block;}
.icons{background-image:url(../images/icons.png); background-repeat:no-repeat;}
.icons-input{background-position:0 -34px;}
.red{color: #f00;}

.top{height:68px;background:#1576e8;}
.logo{float: left;height:68px;line-height:68px;}
.logo a{color:#fff; font-size:32px; font-weight:bold;}
.logo a:hover{color:#fff;}
.logo img{width: 288px;height: 72px;}
/*.nav>ul>li{float:left;position:relative;height:68px;z-index:999}
.nav>ul>li>a{display:inline-block;height:68px;line-height:68px;color:#fff;padding:0 25px;}
.nav>ul>li>a:after{ position: absolute; right: 5px; top: 50%;  margin-top: -2px; content: "";display: block;width: 0; height: 0;border: 5px solid transparent; border-top: 5px solid #fff;-webkit-transition: all .3s; transition: all .3s;}
.nav>ul>li>a:hover,.nav>ul>li>a.on{background:#2196f3;color:#fff;}
.icon-new{position:absolute;top:6px; left:15px; width:44px;height:21px}
.nav ul li >ul{display:none;position:absolute;left:0;top:68px;width:160%;background:#2196f3;}
.nav ul li >ul li a{display:inline-block;width:80%;padding:0 10%;height:48px; line-height:48px;color:#fff; overflow: hidden;}
.nav ul li >ul li a:hover{background:#1576e8;}
.nav>ul>li>a.no:after{border: 0 none;}
.bread{padding: 8px 0;line-height:40px;background: #f2f2f2;} 
.bread {color: #888;}
.bread a{color: #337ab7;}
.bread .weizhi{float: left;padding-left:16px; line-height:30px; background-position: 0 -238px; }
.search{width:300px;background:#fff url(../images/icons.png) no-repeat 8px -272px;font-size:14px;}
.searcharea-box{float:left;width:200px;height:32px;padding-left:29px; border:1px solid #fc6d26;border-right:0;line-height: 0;}
.search-area{width:170px;height:24px;line-height:24px;+height:22px;+line-height:22px;padding:4px 10px;border:0 none;color:#999;}
.search-btn{float:left;display:block;width:70px;height:34px; border:0 none;background: #fc6d26; cursor: pointer;-webkit-transition:background-color .2s ease-out 0s;-moz-transition:background-color .2s ease-out 0s;transition:background-color .2s ease-out 0s;color:#fff;}
.search-btn:hover{background-color:#e43;}*/

.tools-title{padding: 15px;font-size:28px; text-align: center;}
.tools-info {color: #888;height: 24px;line-height: 24px;font-size: 14px;text-align: center;}
.tools-info span {padding: 0 10px;}

.interactive-box{width: 480px;margin: 0 auto;text-align: center;}
.interactive-form-item{position: relative;height: 40px;line-height: 40px;margin-top: 25px;border: 1px solid #ccc;-webkit-border-radius: 8px;border-radius: 8px;overflow: hidden;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.interactive-form-item .label{ float: left;display: inline-block;width: 160px;padding-right: 10px;text-align: right;font-size: 14px; border-right: 1px solid #ccc;background: #eee;-webkit-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;}
.base-input {width: 280px;height: 36px;line-height: 36px;border: 0 none;}
.base-select {width: 280px;height: 36px;line-height: 36px;border: 0 none;background: transparent;}


.reset-btn,.js-btn {display: inline-block;width: 128px;height: 43px;line-height: 43px;padding-left: 60px;text-align: left;border: 1px solid #e43;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background: url(../images/jsq-icon.png) 35px -304px no-repeat #e43;color: #fff;font-size: 16px; cursor: pointer;}
.reset-btn:hover {text-decoration: none;}
.js-btn:hover {background-color: #db3f2f}
.reset-btn {background-position: 35px -396px;background-color: #f5f5f5;color: #333;border: 1px solid #e7e7e7; margin-left: 20px}
.reset-btn:hover { background-color: #eee;}
.caclu-ouput{padding:10px 0;}
.con-input .input-error{border:1px solid #e43;}
.js-result{font-size: 16px;color: #333;}
.js-default{color: #999}
.borders{border: 1px solid #cdcdcd;}
.border-radius {-webkit-border-radius: 8px;border-radius: 8px;}

.too-intr{margin-top: 20px;padding:30px 10px 10px 10px;font-size:16px; border-top: 1px solid #cdcdcd}
.too-intr .title{display:inline-block;height:40px;padding:0 10px; line-height:40px;font-size: 20px; background:#58b471;color:#fff;}
.too-intr dd{ padding:20px 0;  line-height:24px;}
.too-intr-body{padding: 15px 0;font-size: 16px;}
.too-intr-body p{padding:5px 0;line-height:30px;}
.too-intr-body h2{padding:10px 0;line-height:30px;font-size:19px;font-weight:bold;}
.too-intr-body h3{padding:10px 0;line-height:24px;font-size:18px;font-weight:bold;}
.too-intr-body p img{text-align:center;  display: block; max-width: 100%;margin: 0 auto;}
.too-intr-body a{padding:0 4px;color:#ff9000; text-decoration:underline;}


.rt-titles{height: 40px;line-height: 40px;font-size: 20px;}
.product-list ul li{padding:10px 0;border-bottom:1px solid #eee;overflow:hidden}
.product-list ul li:last-child{border-bottom:0;padding-bottom:5px}
.product-list ul li .thumb{float:left;width:110px;height:110px;margin-right:15px;}
.product-list ul li .thumb img{width:110px;height:110px}
.product-list ul li .tt{margin-bottom:8px;line-height:24px;font-size:14px;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.product-list ul li .tt i{line-height:24px;font-size:14px;color:#ff464e;margin-right:5px;}
.product-list ul li .coupon{z-index:1;position:relative;display:inline-block;top:0;margin-right:15px;overflow:hidden}
.product-list ul li .coupon i{z-index:1;position:relative;display:block;background:#fff;font-style:normal;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:12px;min-width:50px;text-align:center;padding:3px 8px;color:#fff;background:#fd2429;background:-webkit-linear-gradient(right,#fd6533,#fd472E,#fd2429);background:linear-gradient(to right,#fd6533,#fd472E,#fd2429)}
.product-list ul li .coupon:after,.product-list ul li .coupon:before{position:absolute;z-index:10;left:-4px;top:50%;margin-top:-4px;border:1px solid #fc3f78;background:#fff;display:block;width:5px;height:5px;content:"";border-radius:10px}
.product-list ul li .coupon:before{left:auto;right:-4px}
.product-list ul li .num{padding-top:5px}
.product-list ul li .num .money{float:left}
.product-list ul li .num .money .price{color:#fd2429;font-size:12px}
.product-list ul li .num .money .price .number-font{padding-left:3px;font-weight:700;font-size:18px;font-style:normal}
.product-list ul li .num .money .price .decimal{font-weight:700;font-size:.26rem;font-style:normal}
.product-list ul li .num .sales{float:right;line-height:30px;font-size:13px;color:#999}

.footer{padding: 10px 0;text-align: center;color:#999; font-size:14px;} 
.footer a{color:#666}
.footer a:hover{color:#e43}



@media screen and (max-width: 1200px){
   .wrap{width:1000px;padding: 0 10px; box-sizing: border-box;}
   .box840{width:640px; box-sizing: border-box;}
}
@media screen and (max-width: 1000px){
    .wrap{width:100%;padding: 0 10px; box-sizing: border-box;}
    .box840{float:inherit;width:100%;}
    .box300{float:inherit;width:100%;}
    .borders {border: 0 none;}
    .top{height:58px;}
    .logo{float: left;height:58px;line-height:58px;}
    .logo a{ font-size:28px;}
    .interactive-box{width: 100%;}
    .interactive-form-item .label{width:30%;}
    .base-select{width:60%;}
    .base-input{width:60%;}
    .logo img{width: 240px;height: 60px;}
}

}
@media screen and (max-width: 600px){
    .top{height:48px;}
    .logo{float: left;height:48px;line-height:48px;}
    .logo a{ font-size:24px;}
    


}
@media screen and (max-width: 480px){
    .top{height:44px;}
    .logo{float: left;height:44px;line-height:44px;}
    .logo a{ font-size:22px;}
    .logo img{width: 176px;height: 44px;}
}
@media screen and (max-width: 360px){
  .logo a{ font-size:20px;}
}